<template>
  <div class="app-container">
    <div class="searchBox">
      <el-form :inline="true">
        <el-form-item label="应用名称：">
          <el-input v-model="search.appName" placeholder="请输入应用名称" />
        </el-form-item>
        <el-form-item label="模块名称：">
          <el-input v-model="search.moduleName" placeholder="请输入模块名称" />
        </el-form-item>

        <el-form-item>
          <el-button type="primary" @click="searchQuery">查询</el-button>
          <el-button
            type="info"
            @click="
              search = {};
              searchQuery();
            "
          >重置</el-button>
        </el-form-item>
      </el-form>
    </div>

    <qm-table
      ref="qmTable"
      :data="query"
      key-prop="moduleId"
      use-form-page
      form-refs="qmGenForm1"
      :form-page="{
        create: '/mobile/mobileModule/create',
        view: '/mobile/mobileModule/create',
        edit: '/mobile/mobileModule/create'
      }"
      :show-edit="false"
      :show-add="false"
       menuType="text"
    >
      <qm-table-column field="appId" sortable="true">应用编号</qm-table-column>
      <qm-table-column field="appName" sortable="true">应用名称</qm-table-column>
      <qm-table-column
        field="moduleUrl"
        sortable="true"
      >模块路径</qm-table-column>
      <qm-table-column
        field="moduleName"
        sortable="true"
      >模块名称</qm-table-column>
      <qm-table-column
        field="isDeleted"
        sortable="true"
      >是否删除</qm-table-column>
      <qm-table-column field="memo" sortable="true">备注</qm-table-column>

      <template #toolbar>
        <!-- 表格上面的工具栏，可自行添加和业务相关的按钮 -->
      </template>
      <template #moreBtn="{ row }">
        <!-- 列表操作列，可自行添加和业务相关的按钮 -->
      </template>
    </qm-table>
  </div>
</template>

<script>
import Controller from '@/libs/framework/controller'
export default class Instance extends Controller {
  onBeforeInit() {
    this.urls = {
      model: '/mobile/mobileModule/getListModel',
      query: '/mobile/mobileModule/query',
      save: '/mobile/mobileModule/save',
      delete: '/mobile/mobileModule/delete',
      entity: '/mobile/mobileModule/getEntity'
    }
  }

  mixin() {
    return {
      data() {
        return {}
      },
      methods: {}
    }
  }
}
</script>

<style scoped lang="scss"></style>
